<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Tree demo - BST</title>
    <link href="css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="css/custom.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src = "js/raphael-min.js"></script>
    
  </head>
  <body>

    <div class="container">
		<div id="paper"></div>
    </div>
	
	<div class="navbar navbar-default navbar-fixed-bottom" id="footer">
		<div class="footer">
			<div class="input-group" style="padding-top: 5px">
				<input class="form-control" placeholder="Input a number here" id="inputbox" type="number">
				<span class="input-group-btn">
					<button type="button" class="btn btn-primary" id="add">
						<span class="glyphicon glyphicon-plus"></span> Add Node
					</button>
				</span>
				<span class="input-group-btn">
					<button type="button" class="btn btn-primary" id="remove">
						<span class="glyphicon glyphicon-remove"></span> Delete Node
					</button>
				</span>
				<span class="input-group-addon">
					<input id="ani" type="checkbox"> Animation
				</span>
			</div>
		</div>
	</div>

    <script src = "js/bst.js"></script>
	 
	 

</body>
</html>